
<script>
import { reactive, toRefs } from "vue";
// import navfooterView from "./components/navfooterView.vue"
export default {
  setup() {
    const list = reactive({
      keyword: "",
    });
    let getkeyword = (text) => {
      list.keyword = text;
      console.log(list.keyword);
    };
    return {
      getkeyword,
      ...toRefs(list),
    };
  },
  // components:{
  //   navfooterView
  //   }
};
</script>

<template>
  <div class="main">
    <router-view @getkeyword="getkeyword" :keyword="keyword"></router-view>
    <!-- <navfooterView></navfooterView> -->
  </div>
</template>

<style lang="scss" scoped>
@import "./assets/css/base.css";

</style>
